<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>《程序员的自我修养》【价格 目录 书评 正版】_中国图书网</title>
    <link rel="stylesheet" href="./css/resert.css">
    <link rel="stylesheet" href="./css/header,footer.css">
    <link rel="stylesheet" href="./css/detail.css">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/lodash.js"></script>
    <script src="./js/index.js"></script>

    <script src=""></script>
</head>

<body>

    <!-- 顶部banner -->
    <div class="topBan">
        <div class="topBanner">
            <div class="smallBanner">
                <div class="smallInner">
                    <a href="" target="_blank">
                        <img src="./images/1200100 (2).jpg" alt="新年淘书会|分享活动领券 享200减100" title="新年淘书会|分享活动领券 享200减100"
                            class="topImg" style="display: inline-block;">
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- 顶部工具栏 -->
    <div class="topBar">
        <div class="w1200 clearfix">
            <!-- 登录--注册 -->
            <div class="loginArea fl ">
                <span>欢迎光临中国图书网 &nbsp;请</span>
                <span><a href="" class="regist">注册</a></span>
                <span>|</span>
                <span><a href="" class="login">登录</a></span>
            </div>
            <!-- 右侧工具栏 -->
            <div class="webTool fr fs12">
                <ul class="clearfix">
                    <li>
                        <div class="dt">
                            <a href="" target="_blank">购物车</a>
                        </div>
                    </li>
                    <li>
                        <div class="dt">
                            <a href="" target="_blank">我的订单</a>
                        </div>
                    </li>
                    <li class="drop">
                        <div class="dt">
                            <a href="" target="_blank">我的账户</a>
                            <b class="icon"></b>
                        </div>
                        <div class="dropLayer">
                            <a href="" target="_blank">我的收藏夹</a>
                            <a href="" target="_blank">账户余额</a>
                            <a href="" target="_blank">我的优惠券</a>
                            <a href="" target="_blank">我的书币</a>
                            <a href="" target="_blank">收货地址</a>
                            <a href="" target="_blank">我的书评</a>
                            <a href="" target="_blank">我的消息</a>
                            <a href="" target="_blank">书币换券</a>
                        </div>
                    </li>
                    <li>
                        <div class="dt">
                            <a href="" target="_blank">帮助中心</a>
                        </div>
                    </li>
                    <li class="drop">
                        <div class="dt">
                            <a href="" target="_blank">手机中图</a>
                            <b class="icon"></b>
                        </div>
                        <div class="dropLayer">
                            <div class="erweimaWrap">
                                <div class="erweima ">
                                    <img src="./images/weiboerweima.jpg" alt="中图网微博">
                                </div>
                                <div class="erweimaText">
                                    <b>扫一扫</b>
                                    <span>
                                        关注中图网<br>官方微博
                                    </span>
                                </div>
                            </div>
                            <div class="erweimaWrap">
                                <div class="erweima ">
                                    <img src="./images/weiboerweima.jpg" alt="中图网微博">
                                </div>
                                <div class="erweimaText">
                                    <b>扫一扫</b>
                                    <span>
                                        关注中图网<br>微信公众号
                                    </span>
                                </div>
                            </div>
                            <div class="erweimaWrap">
                                <div class="erweima">
                                    <img src="./images/weiboerweima.jpg" alt="中图网微博">
                                </div>
                                <div class="erweimaText">
                                    <b>手机中图</b>
                                    <span>
                                        进入中图网<br>手机触屏版
                                    </span>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 搜索栏 -->
    <div class="searchBar">
        <div class="searchBarFixed">
            <div class="w1200 clearfix">

                <!-- logo -->
                <div class="log fl">
                    <a href="" title="中国图书网">
                        <img src="./images/logo0508.png" alt="中国图书网">
                    </a>
                </div>

                <!-- 搜索区 -->
                <div class="searchArea fl">
                    <div class="clearfix">
                        <div class="searchForm fl clearfix">
                            <span class="inputWrap fl">
                                <input type="text" id="keyword" name="keyword" value="冷战的静谧边界" datavalue="冷战的静谧边界">
                            </span>
                            <a href="" target="javascript:void(0)" class="searchBut fl fs14">搜索</a>
                            <div class="dropSearch">
                                <dl>
                                    <dt>
                                        <span>搜索全部</span>
                                        <b class="icon"></b>
                                    </dt>
                                    <dd>
                                        <ul>
                                            <li id="cate_0" class="cate_0">搜索全部</li>
                                            <li id="cate_1">书名</li>
                                            <li id="cate_2">作者</li>
                                            <li id="cate_3">出版社</li>
                                            <li id="cate_4">ISBN</li>
                                        </ul>
                                    </dd>
                                </dl>
                            </div>
                        </div>

                        <div class="moreSearch fl">
                            <a href="" target="_blank">高级搜索</a>
                        </div>
                    </div>
                    <div class="hotWord">
                        <a href="" target="_blank">傅高义</a>
                        <a href="" target="_blank">明代民歌集</a>
                        <a href="" target="_blank">中国当代杂文精品大系</a>
                        <a href="" target="_blank">写书记</a>
                        <a href="" target="_blank">房思琪的初恋乐园</a>
                        <a href="" target="_blank">儿童认知世界翻翻书</a>
                    </div>
                </div>

                <div class="headPicFocus">
                    <img src="./images/detail.images/Float1.png" alt="">
                </div>

            </div>
        </div>
    </div>

    <!-- 导航栏 各种商品分类栏 侧栏-->
    <div class="nav">
        <!-- 写样式宽高大盒子 -->
        <div class="w1200 clearfix">
            <!-- 分块大盒子 -->
            <div class="booksClasses fl">
                <h2>图书分类
                    <span class="icon"></span>
                </h2>
                <div class="detail_category" id="webCategory">
                    <!-- 各种商品分类栏 侧栏 -->
                    <div class="categoryInner">
                        <ul class="categoryList">

                            <!-- 第一个显示的和影藏的块,一个li就是一个块 -->
                            <!-- 第一块 -->
                            <li class="js_toggle">
                                <!-- 小块列表 -->
                                <div class="category-info">
                                    <h3 class="category-name">文学<span>&gt;</span></h3>
                                    <p class="c-category-list">
                                        <a href="" target="_blank">小说</a>
                                        <a href="" target="_blank">青春文学</a>
                                        <a href="" target="_blank">中国散文</a>
                                        <a href="" target="_blank">外国散文</a>
                                        <a href="" target="_blank">悬疑推理</a>
                                        <a href="" target="_blank">文学理论</a>
                                        <a href="" target="_blank">文集</a>
                                        <a href="" target="_blank">世界名著</a>
                                    </p>

                                </div>
                                <!-- 小块 影藏列表 -->
                                <div class="menu-item" style="display: none;">

                                    <div class="area-bag">

                                        <ul class="sublist clearfix">
                                            <li>
                                                <h3 class="mcate-item-hd fl">
                                                    <a href="" target="_blank">小说</a>
                                                </h3>
                                                <p class="mcate-item-bd fl">
                                                    <a href="" target="_blank">外国小说</a><span>|</span>
                                                    <a href="" target="_blank">中国当代小说</a><span>|</span>
                                                    <a href="" target="_blank">中国古典小说</a><span>|</span>
                                                    <a href="" target="_blank">中国近现代小说</a><span>|</span>
                                                    <a href="" target="_blank">悬疑推理</a><span>|</span>
                                                    <a href="" target="_blank">科幻小说</a><span>&nbsp;</span>
                                                    <a href="" target="_blank">世界名著</a><span></span>
                                                    <a href="" target="_blank">四大名著</a><span>|</span>
                                                    <a href="" target="_blank">作品集</a><span>|</span>
                                                    <a href="" target="_blank">更多</a><span></span>
                                                </p>
                                            </li>
                                            <li>
                                                <h3 class="mcate-item-hd fl">
                                                    <a href="" target="_blank">外国诗歌</a>
                                                </h3>
                                                <p class="mcate-item-bd fl">
                                                    <a href="" target="_blank">外国诗歌</a><span>|</span>
                                                    <a href="" target="_blank">中国古诗词</a><span>|</span>
                                                    <a href="" target="_blank">中国现当代诗歌</a><span>|</span>
                                                    <a href="" target="_blank">外国散文</a><span>|</span>
                                                    <a href="" target="_blank">中国现当代散文</a><span>|</span>
                                                    <a href="" target="_blank">中国古代散文</a><span>&nbsp;</span>
                                                    <a href="" target="_blank">文学理论</a><span>|</span>
                                                    <a href="" target="_blank">文集</a><span>|</span>
                                                    <a href="" target="_blank">戏剧</a><span>|</span>
                                                    <a href="" target="_blank">更多</a><span></span>
                                                </p>
                                            </li>
                                            <li>
                                                <h3 class="mcate-item-hd fl">
                                                    <a href="" target="_blank">青春文学 </a>
                                                </h3>
                                                <p class="mcate-item-bd fl">
                                                    <a href="" target="_blank">玄幻/科幻</a><span>|</span>
                                                    <a href="" target="_blank">悬疑/惊悚</a><span>|</span>
                                                    <a href="" target="_blank">叛逆/成长</a><span>|</span>
                                                    <a href="" target="_blank">爆笑/无厘头</a><span>|</span>
                                                    <a href="" target="_blank">校园</a><span>|</span>
                                                    <a href="" target="_blank">港台青春文学</a><span>&nbsp;</span>
                                                    <a href="" target="_blank">外国青春文学</a><span></span>
                                                    <a href="" target="_blank">更多</a><span></span>
                                                </p>
                                            </li>
                                        </ul>

                                    </div>

                                </div>
                            </li>

                            <!-- 第二块 -->
                            <li class="js_toggle">
                                <!-- 小块列表 -->
                                <div class="category-info">
                                    <h3 class="category-name">社科<span>&gt;</span></h3>
                                    <p class="c-category-list">
                                        <a href="/kinder/37000000/" target="_blank">历史</a>
                                        <a href="/kinder/61000000/" target="_blank">哲学/宗教</a>
                                        <a href="/kinder/48000000/" target="_blank">社会科学</a>
                                        <a href="/kinder/62000000/" target="_blank">政治军事 </a>
                                        <a href="/kinder/14000000/" target="_blank">传记</a>
                                        <a href="/kinder/52000000/" target="_blank">文化</a>
                                        <a href="/kinder/23000000/" target="_blank">古籍</a>
                                        <a href="/kinder/24000000/" target="_blank">管理</a>
                                        <a href="/kinder/34000000/" target="_blank">经济</a>
                                        <a href="/kinder/12000000/" target="_blank">成功励志</a>
                                        <a href="/kinder/18000000/" target="_blank">法律</a>
                                        <a href="/kinder/48210000/" target="_blank">语言文字</a>
                                    </p>

                                </div>
                                <!-- 小块 影藏列表 -->
                                <div class="menu-item" style="display: none;">

                                    <div class="area-bag">

                                        <ul class="sublist clearfix">
                                            <li>
                                                <h3 class="mcate-item-hd"><a href="/kinder/37000000/"
                                                        target="_blank">历史</a></h3>
                                                <p class="mcate-item-bd">
                                                    <a href="/kinder/37180000/" target="_blank">中国史</a><span>|</span>
                                                    <a href="/kinder/37190000/" target="_blank">世界史</a><span>|</span>
                                                    <a href="/kinder/37110000/" target="_blank">地方史志</a><span>|</span>
                                                    <a href="/kinder/37140000/" target="_blank">历史知识读物</a><span>|</span>
                                                    <a href="/kinder/37160000/" target="_blank">史料典籍</a><span>|</span>
                                                    <a href="/kinder/37170000/" target="_blank">史学理论</a><span>|</span>
                                                    <a href="/kinder/37130000/"
                                                        target="_blank">考古文物</a><span>&nbsp;</span>
                                                    <a href="/kinder/37150000/" target="_blank">民族史志</a>
                                                </p>
                                            </li>
                                            <li>
                                                <h3 class="mcate-item-hd"><a href="/kinder/62000000/"
                                                        target="_blank">政治</a><a href="/kinder/61000000/"
                                                        target="_blank">/哲学</a></h3>
                                                <p class="mcate-item-bd">
                                                    <a href="/kinder/62120000/" target="_blank">政治</a><span>|</span>
                                                    <a href="/kinder/62110000/" target="_blank">军事</a><span>|</span>
                                                    <a href="/kinder/62121700/" target="_blank">中国政治</a><span>|</span>
                                                    <a href="/kinder/62121800/" target="_blank">国际政治</a><span>|</span>
                                                    <a href="/kinder/62121900/" target="_blank">外交/国际关系</a>
                                                    <a href="/kinder/61110000/" target="_blank">哲学</a><span>|</span>
                                                    <a href="/kinder/61130000/" target="_blank">宗教</a><span>|</span>
                                                    <a href="/kinder/61111400/"
                                                        target="_blank">美学</a><span>&nbsp;</span>
                                                    <a href="/kinder/61111700/" target="_blank">哲学知识读物</a><span>|</span>
                                                    <a href="/kinder/61111800/" target="_blank">中国古代哲学</a>

                                                </p>
                                            </li>
                                            <li>
                                                <h3 class="mcate-item-hd"><a href="/kinder/14000000/"
                                                        target="_blank">传记</a></h3>
                                                <p class="mcate-item-bd">
                                                    <a href="/kinder/14140000/" target="_blank">历代帝王</a><span>|</span>
                                                    <a href="/kinder/14150000/" target="_blank">历史人物</a><span>|</span>
                                                    <a href="/kinder/14130000/" target="_blank">科学家</a><span>|</span>
                                                    <a href="/kinder/14330000/" target="_blank">体育明星</a><span>|</span>
                                                    <a href="/kinder/14190000/" target="_blank">文学家</a><span>|</span>
                                                    <a href="/kinder/14200000/" target="_blank">学者</a><span>|</span>
                                                    <a href="/kinder/14210000/" target="_blank">艺术家</a><span>|</span>
                                                    <a href="/kinder/14230000/" target="_blank">文娱明星</a>
                                                    <a href="/kinder/14250000/" target="_blank">政治人物</a><span>|</span>
                                                    <a href="/kinder/14260000/" target="_blank">自传</a><span>|</span>
                                                    <a href="/kinder/14000000/" target="_blank">更多</a>
                                                </p>
                                            </li>
                                            <li>
                                                <h3 class="mcate-item-hd"><a href="/kinder/52000000/"
                                                        target="_blank">文化</a></h3>
                                                <p class="mcate-item-bd">
                                                    <a href="/kinder/52130000/" target="_blank">世界文化</a><span>|</span>
                                                    <a href="/kinder/52170000/" target="_blank">中国文化</a><span>|</span>
                                                    <a href="/kinder/52160000/" target="_blank">中国民俗</a><span>|</span>
                                                    <a href="/kinder/52110000/" target="_blank">地域文化</a><span>|</span>
                                                    <a href="/kinder/52140000/" target="_blank">文化理论</a><span>|</span>
                                                    <a href="/kinder/52150000/" target="_blank">文化评述</a><span>|</span>
                                                    <a href="/kinder/52120000/" target="_blank">神秘现象</a>
                                                </p>
                                            </li>

                                            <li>
                                                <h3 class="mcate-item-hd"><a href="/kinder/48000000/"
                                                        target="_blank">社会科学</a></h3>
                                                <p class="mcate-item-bd">
                                                    <a href="/kinder/48190000/" target="_blank">心理学</a><span>|</span>
                                                    <a href="/kinder/48180000" target="_blank">人类学</a><span>|</span>
                                                    <a href="/kinder/48110000/" target="_blank">教育</a><span>|</span>
                                                    <a href="/kinder/48150000/" target="_blank">社会学</a><span>|</span>
                                                    <a href="/kinder/48200000/" target="_blank">新闻传播出版</a><span>|</span>
                                                    <a href="/kinder/48210000/" target="_blank">语言文字</a><span>|</span>
                                                    <a href="/kinder/48000000/" target="_blank">更多</a>
                                                </p>
                                            </li>

                                            <li>
                                                <h3 class="mcate-item-hd"><a href="/kinder/23000000/"
                                                        target="_blank">古籍</a></h3>
                                                <p class="mcate-item-bd">
                                                    <a href="/kinder/23110000/" target="_blank">古籍整理</a><span>|</span>
                                                    <a href="/kinder/23130000/" target="_blank">经部</a><span>|</span>
                                                    <a href="/kinder/23140000/" target="_blank">史类</a><span>|</span>
                                                    <a href="/kinder/23150000/" target="_blank">子部</a><span>|</span>
                                                    <a href="/kinder/23120000/" target="_blank">集部</a>
                                                </p>
                                            </li>

                                            <li>
                                                <h3 class="mcate-item-hd"><a href="/kinder/34000000/"
                                                        target="_blank">经济</a><a href="/kinder/24000000/"
                                                        target="_blank">/管理</a></h3>
                                                <p class="mcate-item-bd">
                                                    <a href="/kinder/34180000/" target="_blank">经济理论</a><span>|</span>
                                                    <a href="/kinder/34260000/" target="_blank">中国经济</a><span>|</span>
                                                    <a href="/kinder/34270000/" target="_blank">国际经济</a><span>|</span>
                                                    <a href="/kinder/34280000/" target="_blank">经济通俗读物</a><span>|</span>
                                                    <a href="/kinder/20110000/" target="_blank">保险</a><span>|</span>
                                                    <a href="/kinder/24180000/" target="_blank">会计</a><span>|</span>
                                                    <a href="/kinder/24190000/"
                                                        target="_blank">金融投资</a><span>&nbsp;</span>
                                                    <a href="/kinder/24230000/" target="_blank">市场营销</a><span>|</span>
                                                    <a href="/kinder/24250000/" target="_blank">管理学</a><span>|</span>
                                                    <a href="/kinder/24140000/" target="_blank">电子商务</a>
                                                </p>
                                            </li>

                                            <li>
                                                <h3 class="mcate-item-hd"><a href="/kinder/12000000/"
                                                        target="_blank">成功励志</a></h3>
                                                <p class="mcate-item-bd">
                                                    <a href="/kinder/12120000/" target="_blank">成功激励</a><span>|</span>
                                                    <a href="/kinder/12150000/" target="_blank">口才演讲</a><span>|</span>
                                                    <a href="/kinder/12190000/" target="_blank">名人励志</a><span>|</span>
                                                    <a href="/kinder/12250000/" target="_blank">人际交往</a><span>|</span>
                                                    <a href="/kinder/12260000/" target="_blank">人生哲学</a><span>|</span>
                                                    <a href="/kinder/12280000/" target="_blank">心灵修养</a><span>|</span>
                                                    <a href="/kinder/12290000/"
                                                        target="_blank">性格习惯</a><span>&nbsp;</span>
                                                    <a href="/kinder/12000000/" target="_blank">更多</a>
                                                </p>
                                            </li>

                                            <li>
                                                <h3 class="mcate-item-hd"><a href="/kinder/18000000/"
                                                        target="_blank">法律</a></h3>
                                                <p class="mcate-item-bd">
                                                    <a href="/kinder/18130000/" target="_blank">法的理论</a><span>|</span>
                                                    <a href="/kinder/18140000/" target="_blank">法律法规</a><span>|</span>
                                                    <a href="/kinder/18200000/" target="_blank">国际法</a><span>|</span>
                                                    <a href="/kinder/18210000/" target="_blank">经济法</a><span>|</span>
                                                    <a href="/kinder/18000000/" target="_blank">更多</a>
                                                </p>
                                            </li>
                                        </ul>

                                    </div>

                                </div>
                            </li>

                            <!-- 第三块 -->
                            <li class="js_toggle">
                                <!-- 小块列表 -->
                                <div class="category-info">
                                    <h3 class="category-name">少儿<sapn>&gt;</sapn>
                                    </h3>
                                    <p class="c-category-list">
                                        <a href="/kinder/47350000/" target="_blank">中国儿童文学</a>
                                        <a href="/kinder/47330000/" target="_blank">外国儿童文学</a>
                                        <a href="/kinder/36000000/" target="_blank">科普读物</a>
                                        <a href="/kinder/47220000/" target="_blank">绘本</a>
                                        <a href="/kinder/47150000/" target="_blank">动漫/卡通</a>
                                        <a href="/kinder/47250000/" target="_blank">幼儿启蒙</a>
                                    </p>

                                </div>
                                <!-- 小块 影藏列表 -->
                                <div class="menu-item" style="display: none;">

                                    <div class="area-bag">

                                        <ul class="sublist clearfix">
                                            <li>
                                                <h3 class="mcate-item-hd"><a href="/kinder/47160000/"
                                                        target="_blank">儿童文学</a></h3>
                                                <p class="mcate-item-bd">
                                                    <a href="/kinder/47350000/" target="_blank">中国儿童文学</a><span>|</span>
                                                    <a href="/kinder/47330000/" target="_blank">外国儿童文学</a><span>|</span>
                                                    <a href="/kinder/47161400/" target="_blank">童话</a><span>|</span>
                                                    <a href="/kinder/47161600/" target="_blank">小说</a><span>|</span>
                                                    <a href="/kinder/47161700/" target="_blank">寓言传说</a><span>|</span>
                                                </p>
                                            </li>
                                            <li>
                                                <h3 class="mcate-item-hd"><a href="/kinder/47220000/"
                                                        target="_blank">绘本</a></h3>
                                                <p class="mcate-item-bd">
                                                    <a href="/kinder/47150000/" target="_blank">动漫/卡通</a>
                                                </p>
                                            </li>
                                            <li>
                                                <h3 class="mcate-item-hd"><a href="/kinder/47170000/"
                                                        target="_blank">科普百科</a></h3>
                                                <p class="mcate-item-bd">
                                                    <a href="/kinder/36000000/" target="_blank">科普</a><span>|</span>
                                                    <a href="/kinder/47170000/" target="_blank">百科</a><span>|</span>
                                                    <a href="/kinder/47171300/" target="_blank">历史读物</a><span>|</span>
                                                    <a href="/kinder/47171400/" target="_blank">生活常识</a><span>|</span>
                                                    <a href="/kinder/47240000/" target="_blank">益智游戏</a><span>|</span>
                                                    <a href="/kinder/47300000/" target="_blank">传统文化</a>

                                                </p>
                                            </li>

                                            <li>
                                                <h3 class="mcate-item-hd"><a>其他</a></h3>
                                                <p class="mcate-item-bd">
                                                    <a href="/kinder/47251100/" target="_blank">幼儿启蒙</a><span>|</span>
                                                    <a href="/kinder/51120000/" target="_blank">少儿英语</a><span>|</span>
                                                    <a href="/kinder/47180000/" target="_blank">励志/成长</a><span>|</span>
                                                    <a href="/kinder/47230000/" target="_blank">艺术课堂</a>
                                                </p>
                                            </li>

                                            <li>
                                                <h3 class="mcate-item-hd"><a>年龄馆</a></h3>
                                                <p class="mcate-item-bd">
                                                    <a href="/kinder/47110000/" target="_blank">0-2岁</a><span>|</span>
                                                    <a href="/kinder/47130000/" target="_blank">3-6岁</a><span>|</span>
                                                    <a href="/kinder/47120000/" target="_blank">7岁及以上</a>
                                                </p>
                                            </li>
                                        </ul>

                                    </div>

                                </div>
                            </li>

                            <!-- 第四块 -->
                            <li class="js_toggle">
                                <!-- 小块列表 -->
                                <div class="category-info">
                                    <h3 class="category-name">艺术<span>&gt;</span></h3>
                                    <p class="c-category-list">
                                        <a href="/kinder/57120000/" target="_blank">绘画</a>
                                        <a href="/kinder/57130000/" target="_blank">书法篆刻</a>
                                        <a href="/kinder/57110000/" target="_blank">艺术理论</a>
                                        <a href="/kinder/57200000/" target="_blank">摄影</a>
                                        <a href="/kinder/57210000/" target="_blank">音乐</a>
                                    </p>

                                </div>
                                <!-- 小块 影藏列表 -->
                                <div class="menu-item" style="display: none;">

                                    <div class="area-bag">

                                        <ul class="sublist clearfix">
                                            <li>
                                                <h3 class="mcate-item-hd"><a href="/kinder/57120000/"
                                                        target="_blank">绘画</a></h3>
                                                <p class="mcate-item-bd">
                                                    <a href="/kinder/57121300/" target="_blank">绘画理论</a><span>|</span>
                                                    <a href="/kinder/57121100/" target="_blank">国画</a><span>|</span>
                                                    <a href="/kinder/57121600/" target="_blank">油画</a><span>|</span>
                                                    <a href="/kinder/57121500/" target="_blank">素描速写</a><span>|</span>
                                                    <a href="/kinder/57121400/" target="_blank">水粉水彩</a>
                                                </p>
                                            </li>
                                            <li>
                                                <h3 class="mcate-item-hd"><a href="/kinder/57130000/"
                                                        target="_blank">书法纂刻</a></h3>
                                                <p class="mcate-item-bd">
                                                    <a href="/kinder/57131100/" target="_blank">碑帖</a><span>|</span>
                                                    <a href="/kinder/57131200/" target="_blank">技法教程</a><span>|</span>
                                                    <a href="/kinder/57131300/" target="_blank">书法理论</a><span>|</span>
                                                    <a href="/kinder/57131400/" target="_blank">硬笔书法</a><span>|</span>
                                                    <a href="/kinder/57131600/" target="_blank">字帖</a><span>|</span>
                                                    <a href="/kinder/57131500/" target="_blank">篆刻</a>
                                                </p>
                                            </li>
                                            <li>
                                                <h3 class="mcate-item-hd"><a href="/kinder/57200000/"
                                                        target="_blank">摄影/设计</a></h3>
                                                <p class="mcate-item-bd">
                                                    <a href="/kinder/57190000/" target="_blank">设计</a><span>|</span>
                                                    <a href="/kinder/57201100/" target="_blank">摄影后期</a><span>|</span>
                                                    <a href="/kinder/57201200/" target="_blank">摄影教程</a><span>|</span>
                                                    <a href="/kinder/57201300/" target="_blank">摄影理论</a><span>|</span>
                                                    <a href="/kinder/57201400/" target="_blank">摄影器材</a><span>|</span>
                                                    <a href="/kinder/57201500/" target="_blank">数码摄影</a><span>|</span>
                                                    <a href="/kinder/57201600/" target="_blank">作品集</a>
                                                </p>
                                            </li>

                                            <li>
                                                <h3 class="mcate-item-hd"><a href="/kinder/57220000/"
                                                        target="_blank">舞台影视艺术</a></h3>
                                                <p class="mcate-item-bd">
                                                    <a href="/kinder/57222100/" target="_blank">影视理论</a><span>|</span>
                                                    <a href="/kinder/57222200/" target="_blank">影视赏析</a><span>|</span>
                                                    <a href="/kinder/57222300/" target="_blank">影视制作</a><span>|</span>
                                                    <a href="/kinder/57230000/" target="_blank">舞台/戏曲艺术</a>
                                                </p>
                                            </li>
                                            <li>
                                                <h3 class="mcate-item-hd"><a href="/kinder/57210000/"
                                                        target="_blank">音乐</a></h3>
                                                <p class="mcate-item-bd">
                                                    <a href="/kinder/57211200/" target="_blank">钢琴</a><span>|</span>
                                                    <a href="/kinder/57211300/" target="_blank">吉它</a><span>|</span>
                                                    <a href="/kinder/57211400/" target="_blank">理论/欣赏</a><span>|</span>
                                                    <a href="/kinder/57211500/" target="_blank">声乐</a><span>|</span>
                                                    <a href="/kinder/57211600/" target="_blank">通俗音乐</a><span>|</span>
                                                    <a href="/kinder/57211700/" target="_blank">外国音乐</a><span>|</span>
                                                    <a href="/kinder/57211900/" target="_blank">中国民族音乐</a><span>|</span>
                                                    <a href="/kinder/57212000/" target="_blank">作曲/指挥</a>
                                                </p>
                                            </li>
                                            <li>
                                                <h3 class="mcate-item-hd"><a href="/kinder/49000000/"
                                                        target="_blank">收藏鉴赏</a></h3>
                                                <p class="mcate-item-bd">
                                                    <a href="/kinder/49110000/" target="_blank">宝石</a><span>|</span>
                                                    <a href="/kinder/49120000/" target="_blank">雕品</a><span>|</span>
                                                    <a href="/kinder/49130000/" target="_blank">古代家具</a><span>|</span>
                                                    <a href="/kinder/49150000/" target="_blank">钱币</a><span>|</span>
                                                    <a href="/kinder/49160000/" target="_blank">收藏百科</a><span>|</span>
                                                    <a href="/kinder/49170000/" target="_blank">收藏随笔</a><span>|</span>
                                                    <a href="/kinder/49180000/" target="_blank">书画</a><span>|</span>
                                                    <a href="/kinder/49190000/" target="_blank">陶瓷</a><span>|</span>
                                                    <a href="/kinder/49210000/" target="_blank">玉器</a>
                                                </p>
                                            </li>

                                            <li>
                                                <h3 class="mcate-item-hd"><a>更多</a></h3>
                                                <p class="mcate-item-bd">
                                                    <a href="/kinder/57110000/" target="_blank">艺术理论</a><span>|</span>
                                                    <a href="/kinder/57140000/" target="_blank">雕塑</a><span>|</span>
                                                    <a href="/kinder/57150000/" target="_blank">工艺美术</a><span>|</span>
                                                    <a href="/kinder/57160000/" target="_blank">建筑艺术</a><span>|</span>
                                                    <a href="/kinder/57170000/" target="_blank">民间艺术</a><span>|</span>
                                                    <a href="/kinder/57180000/" target="_blank">人体艺术</a><span>|</span>
                                                    <a href="/kinder/57240000/" target="_blank">艺术类考试</a>
                                                </p>
                                            </li>
                                        </ul>

                                    </div>

                                </div>
                            </li>

                            <!-- 第五块 -->
                            <li class="js_toggle">
                                <!-- 小块列表 -->
                                <div class="category-info">
                                    <h3 class="category-name">生活<span>&gt;</span></h3>
                                    <p class="c-category-list">
                                        <a href="/kinder/43000000/" target="_blank">美食</a>
                                        <a href="/kinder/11000000/" target="_blank">保健/心理健康</a>
                                        <a href="/kinder/39000000/" target="_blank">旅游</a>
                                        <a href="/kinder/29000000/" target="_blank">家庭教育</a>
                                        <a href="/kinder/28000000/" target="_blank">家居休闲</a>
                                    </p>

                                </div>
                                <!-- 小块 影藏列表 -->
                                <div class="menu-item" style="display: none;">

                                    <div class="area-bag">

                                        <ul class="sublist clearfix">
                                            <li>
                                                <h3 class="mcate-item-hd"><a href="/kinder/43000000/"
                                                        target="_blank">美食</a></h3>
                                                <p class="mcate-item-bd">
                                                    <a href="/kinder/43200000/" target="_blank">饮食文化</a><span>|</span>
                                                    <a href="/kinder/43120000/" target="_blank">保健食谱</a><span>|</span>
                                                    <a href="/kinder/43140000/" target="_blank">家常食谱</a><span>|</span>
                                                    <a href="/kinder/43140000/" target="_blank">八大菜系</a><span>|</span>
                                                    <a href="/kinder/43130000/" target="_blank">餐饮指南</a><span>|</span>
                                                    <a href="/kinder/43150000/" target="_blank">世界美食</a><span>|</span>
                                                    <a href="/kinder/43000000/" target="_blank">更多</a>
                                                </p>
                                            </li>
                                            <li>
                                                <h3 class="mcate-item-hd"><a href="/kinder/11000000/"
                                                        target="_blank">保健/心理健康</a></h3>
                                                <p class="mcate-item-bd">
                                                    <a href="/kinder/11130000/" target="_blank">健康百科</a><span>|</span>
                                                    <a href="/kinder/11140000/" target="_blank">健身</a><span>|</span>
                                                    <a href="/kinder/11170000/" target="_blank">心理健康</a><span>|</span>
                                                    <a href="/kinder/11210000/" target="_blank">中老年</a><span>|</span>
                                                    <a href="/kinder/11220000/" target="_blank">中医保健</a>
                                                    <a href="/kinder/11120000/" target="_blank">常见病</a><span>|</span>
                                                    <a href="/kinder/11000000/" target="_blank">更多</a>
                                                </p>
                                            </li>
                                            <li>
                                                <h3 class="mcate-item-hd"><a href="/kinder/39000000/"
                                                        target="_blank">旅游</a></h3>
                                                <p class="mcate-item-bd">
                                                    <a href="/kinder/39180000/" target="_blank">旅游随笔</a><span>|</span>
                                                    <a href="/kinder/39190000/" target="_blank">旅游攻略</a><span>|</span>
                                                    <a href="/kinder/39170000/" target="_blank">旅游画册</a><span>|</span>
                                                    <a href="/kinder/39110000/" target="_blank">城市自助游</a><span>|</span>
                                                    <a href="/kinder/39120000/" target="_blank">国内自助游</a><span>|</span>
                                                    <a href="/kinder/39130000/" target="_blank">国外自助游</a><span>|</span>
                                                    <a href="/kinder/16000000/" target="_blank">地图地理</a>
                                                    <a href="/kinder/39000000/" target="_blank">更多</a>
                                                </p>
                                            </li>
                                            <li>
                                                <h3 class="mcate-item-hd"><a href="/kinder/60000000/"
                                                        target="_blank">孕产育儿</a></h3>
                                                <p class="mcate-item-bd">
                                                    <a href="/kinder/60170000/" target="_blank">孕产百科</a><span>|</span>
                                                    <a href="/kinder/60200000/" target="_blank">育儿百科</a><span>|</span>
                                                    <a href="/kinder/60000000/" target="_blank">更多</a>
                                                </p>
                                            </li>
                                            <li>
                                                <h3 class="mcate-item-hd"><a>更多</a></h3>
                                                <p class="mcate-item-bd">
                                                    <a href="/kinder/42000000/" target="_blank">美丽妆扮</a><span>|</span>
                                                    <a href="/kinder/38000000/" target="_blank">两性关系</a><span>|</span>
                                                    <a href="/kinder/28000000/" target="_blank">家居休闲</a><span>|</span>
                                                    <a href="/kinder/20000000/" target="_blank">个人理财</a>
                                                </p>
                                            </li>
                                        </ul>

                                    </div>

                                </div>
                            </li>

                            <!-- 第六块 -->
                            <li class="js_toggle">
                                <!-- 小块列表 -->
                                <div class="category-info">
                                    <h3 class="category-name">文教<span>&gt;</span></h3>
                                    <p class="c-category-list">
                                        <a href="/kinder/63000000/">中小学教辅</a>
                                        <a href="/kinder/51000000/">外语</a>
                                        <a href="/kinder/31000000/">教材</a>
                                        <a href="/kinder/56000000/">医学</a>
                                        <a href="/kinder/27000000/">计算机</a>
                                        <a href="/kinder/64000000/">自然科学</a>
                                    </p>

                                </div>
                                <!-- 小块 影藏列表 -->
                                <div class="menu-item" style="display: none;">

                                    <div class="area-bag">

                                        <ul class="sublist clearfix">
                                            <li>
                                                <h3 class="mcate-item-hd"><a href="/kinder/63000000/"
                                                        target="_blank">中小学教辅</a></h3>
                                                <p class="mcate-item-bd">
                                                    <a href="/kinder/63350000/" target="_blank">语文阅读</a><span>|</span>
                                                    <a href="/kinder/63330000/" target="_blank">拓展读物</a><span>|</span>
                                                    <a href="/kinder/63280000/" target="_blank">高考</a><span>|</span>
                                                    <a href="/kinder/63220000/" target="_blank">初中通用</a><span>|</span>
                                                    <a href="/kinder/63270000/" target="_blank">高中通用</a><span>|</span>
                                                    <a href="/kinder/63290000/" target="_blank">工具书</a>
                                                    <a href="/kinder/63300000/" target="_blank">教师用书</a><span>|</span>
                                                    <a href="/kinder/63000000/" target="_blank">更多</a>
                                                </p>
                                            </li>
                                            <li>
                                                <h3 class="mcate-item-hd"><a href="/kinder/51000000/"
                                                        target="_blank">外语</a></h3>
                                                <p class="mcate-item-bd">
                                                    <a href="/kinder/51130000/" target="_blank">英语读物</a><span>|</span>
                                                    <a href="/kinder/51140000/" target="_blank">职业英语</a><span>|</span>
                                                    <a href="/kinder/51180000/" target="_blank">英语考试</a><span>|</span>
                                                    <a href="/kinder/51150000/" target="_blank">大学英语</a><span>|</span>
                                                    <a href="/kinder/51120000/"
                                                        target="_blank">少儿英语</a><span>&nbsp;</span>
                                                    <a href="/kinder/51000000/" target="_blank">更多</a>
                                                </p>
                                            </li>
                                            <li>
                                                <h3 class="mcate-item-hd"><a href="/kinder/31000000/"
                                                        target="_blank">教材</a></h3>
                                                <p class="mcate-item-bd">
                                                    <a href="/kinder/31110000/" target="_blank">研究生/本科/专科教材
                                                    </a><span>|</span>
                                                    <a href="/kinder/31120000/" target="_blank">职业技术培训</a><span>|</span>
                                                    <a href="/kinder/31130000/" target="_blank">中小学教材</a><span>|</span>
                                                </p>
                                            </li>
                                            <li>
                                                <h3 class="mcate-item-hd"><a href="/kinder/27000000/"
                                                        target="_blank">计算机</a></h3>
                                                <p class="mcate-item-bd">
                                                    <a href="/kinder/27120000/"
                                                        target="_blank">操作系统/系统开发</a><span>|</span>
                                                    <a href="/kinder/27250000/" target="_blank">数据库</a><span>|</span>
                                                    <a href="/kinder/27300000/" target="_blank">信息安全</a>
                                                    <a href="/kinder/27130000/" target="_blank">程序设计</a><span>|</span>
                                                    <a href="/kinder/27150000/" target="_blank">电脑杂志</a><span>|</span>
                                                    <a href="/kinder/27170000/" target="_blank">计算机教材</a><span>|</span>
                                                    <a href="/kinder/27180000/" target="_blank">计算机考试认证</a>
                                                    <a href="/kinder/27190000/" target="_blank">计算机理论</a><span>|</span>
                                                    <a href="/kinder/27200000/"
                                                        target="_blank">计算机体系结构</a><span>|</span>
                                                    <a href="/kinder/27210000/"
                                                        target="_blank">家庭与办公室用书</a><span>|</span>
                                                    <a href="/kinder/27220000/"
                                                        target="_blank">企业软件开发与实施</a><span>|</span>
                                                    <a href="/kinder/27230000/" target="_blank">人工智能</a>
                                                    <a href="/kinder/27240000/"
                                                        target="_blank">软件工程/开发项目管理</a><span>|</span>

                                                </p>
                                            </li>
                                            <li>
                                                <h3 class="mcate-item-hd"><a>更多</a></h3>
                                                <p class="mcate-item-bd">
                                                    <a href="/kinder/35000000/" target="_blank">考试</a><span>|</span>
                                                    <a href="/kinder/29000000/" target="_blank">家庭教育</a><span>|</span>
                                                    <a href="/kinder/64000000/" target="_blank">自然科学</a><span>|</span>
                                                    <a href="/kinder/36000000/" target="_blank">科普读物</a><span>|</span>
                                                    <a href="/kinder/56000000/" target="_blank">医学</a><span>|</span>
                                                    <a href="/kinder/45000000/" target="_blank">农林业</a><span>|</span>
                                                    <a href="/kinder/22000000/" target="_blank">工业技术</a><span>|</span>
                                                    <a href="/kinder/30000000/" target="_blank">建筑</a>
                                                </p>
                                            </li>
                                        </ul>

                                    </div>

                                </div>
                            </li>
                        </ul>

                        <div class="all_category">
                            <a href="/books/kinder/" target="_blank">全部商品分类&gt;&gt;</a>
                        </div>

                    </div>
                </div>
            </div>
            <!-- 其他导航栏 -->
            <ul class="otherClasses fl fs16">
                <li>
                    <a href="" target="_blank">首页</a>
                </li>
                <li><a href="" target="_blank">淘书团</a></li>
                <li class="today"><a href="" target="_blank">今日值得买</a></li>
                <li class="star"><a href="" target="_blank">五星书</a></li>
                <li><a href="" target="_blank">畅销榜</a></li>
                <li><a href="" target="_blank">9.9包邮</a></li>
                <li><a href="" target="_blank">出版社浏览</a></li>
                <li><a href="" target="_blank">闲情雅趣</a></li>
                <li><a href="" target="_blank">批发</a></li>
            </ul>
        </div>
    </div>

    <!-- content 区域 -->
    <div class="content clearfix">

        <div class="conLine  w1200">

            <!-- 1 商品 加购 -->
            <div class="con1Line">

                <div class="con1-leader">
                    <ul class="clearfix">
                        <li><a href="">中国图书网</a><em>&gt;</em></li>
                        <li><a href="">计算机/网络</a><em>&gt;</em></li>
                        <li><a href="">程序设计</a><em>&gt;</em></li>
                        <li><a href="">其他</a><em>&gt;</em></li>
                        <li>
                            <sapn>程序员的自我修养</sapn>
                        </li>
                    </ul>
                </div>

                <div class="con1-con clearfix">

                    <!-- 商品图 放大镜 -->
                    <div class="bookImg fl">

                        <!-- 商品图 -->
                        <div class="middleImg">
                            <div class="middleArea"></div>
                            <span></span>
                        </div>

                        <!-- 放大区 -->
                        <div class="bigArea">
                            <img src="./images/detail.images/B7465311.jpg" alt="" class="bigImg">
                        </div>

                        <div class="share fs14">
                            <a href="">分享</a>
                        </div>

                    </div>

                    <!-- 商品信息 -->
                    <div class="bookInfo fl">

                        <div class="padLeft10">
                            <h1>程序员的自我修养</h1>

                            <div class="author"><span>作者：</span><a href="">陈逸鹤</a></div>

                            <div class="publisher">
                                <span>出版社：</span>
                                <a href="">清华大学出版社</a>
                                <span>出版时间：</span>
                                <i>2017-05-01</i>
                            </div>

                            <div class="otherInfor">
                                <span>开本：</span>
                                <em>32开</em>
                                <span>页数：</span>
                                <i>200</i>
                            </div>
                            <div class="sort">
                                <span>本类榜单：</span>
                                <a href="" target="_blank">计算机/网络销量榜</a>
                            </div>
                        </div>

                        <div class="priceWrap">
                            <span class="sellPriceTit">中 图 价:</span>
                            <span class="sellPrice fs14">
                                <i>&yen;</i>34.3
                            </span>
                            <span class="discount">(7.0折)</span>
                            <span class="priceTit">定价&nbsp;</span>
                            <del class="price">&nbsp;&yen;49.0 </del>

                            <a href="" target="_blank">登录后可看到会员价</a>

                        </div>

                        <div class="oparateButton clearfix">

                            <a href="" class="buyButton">加入购物车</a>

                            <a href="" class="collectBtn">收藏</a>


                            <div class="freightPolicyWrap">

                                <div>运费6元，满69元免运费</div>
                                <span class="freightTit">
                                    <a target="_blank" href="">
                                        <i class="icon"></i>
                                        快递不能达地区使用邮政小包，运费14元起
                                    </a>
                                </span>

                                <div class="freightCon">

                                    <div class="reightPolicy">
                                        云南、广西、海南、新疆、青海、西藏六省，部分地区快递不可达
                                    </div>

                                </div>

                            </div>



                        </div>

                    </div>
                </div>

            </div>

            <!-- 2 商品 详情介绍 -->
            <div class="con2Line clearfix ">

                <div class="con2-left fl clearfix">

                    <div class="bkfriendsPush">
                        <img src="./images/detail.images/shuyoutuijian.jpg" alt="">
                    </div>
                    <div class="classPush">
                        <img src="./images/detail.images/benleichangxiao01.jpg" alt="">
                        <img src="./images/detail.images/benleichangxiao02.jpg" alt="">
                        <img src="./images/detail.images/benleichangxiao03.jpg" alt="">
                    </div>

                    <div class="v-history">
                        <img src="./images/detail.images/liulanlishi.jpg" alt="">
                    </div>

                </div>

                <div class="con2-right fl clearfix">
                    <img src="./images/detail.images/109211533.jpg" alt="">
                    <!-- 商品详情 商品评论 -->
                    <div>
                        <ul>
                            <li class="current"><a href=""><span>商品详情</span></a></li>
                            <li><a href=""><span>商品评论(0条)</span></a></li>
                        </ul>
                        <div class="takeIt">
                            <span>中图价:¥34.3</span>
                            <a href="">加入购物车</a>
                        </div>
                    </div>
                    <img src="./images/detail.images/shangpingxiangqing01.jpg" alt="">
                    <img src="./images/detail.images/shangpingxiangqing02.jpg" alt="">
                    <img src="./images/detail.images/shangpingxiangqing03.jpg" alt="">
                    <img src="./images/detail.images/shangpingxiangqing04.jpg" alt="">
                    <img src="./images/detail.images/shangpingpinglun.jpg" alt="">
                </div>



            </div>

            <!-- 3 底部推荐 -->
            <div class="con3Line">
                <img src="./images/detail.images/bianjituijian.jpg" alt="">
            </div>
        </div>



    </div>
    <!-- footer -->
    <div class="footWrap">

        <!-- 底部偷懒区 -->
        <div class="footImg">
            <img src="./images/footer.png" alt="">
        </div>

        <!-- 底部 -->
        <div class="loginRegistFoot">

            <div class="certifica">
                <div class="width820 clearfix">
                    <div class="credit_certifica fl">
                        <a href="" target="_blank" title="中国图书网城信认证" class="chengxin1 fl">
                            <img src="./images/login.images/chengxin.jpg" alt="诚信认证">
                        </a>
                        <a href="" target="_blank" title="中国图书网电子商务诚信认证" class="chengxin2 fl">
                            <img src="./images/ectrust.gif" alt="诚信认证">
                        </a>
                    </div>
                    <div class="licence fl fs12">
                        <p>
                            <a href="" target="_blank">京ICP备09013606号-3</a>
                            <a href="" target="_blank">京信市监发[2002]122号</a>
                            <span>海淀公安分局备案编号：1101083394</span>
                        </p>
                        <p>
                            <a href="" target="_blank">营业执照出版物经营许可证</a>
                            <a href="#" target="_blank">京出发京批字第直110071</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>

    </div>

    <!-- 左侧悬浮 -->
    <div class="leftSiderbar" id="leftSiderbar">
        <a href="" target="_blank" title="2020购书报告">
            <img src="./images/wangzhan.png" alt="2020购书报告">
        </a>
        <a href="" target="_blank" title="年度报告">
            <img src="./images/geren.png" alt="年度报告">
        </a>
    </div>

    <!-- 右侧工具栏 回顶-->
    <div class="right-nav">
        <div class="w">
            <ul class="right-nav-list1">
                <li class="liHover">
                    <a href="">
                        <div class="iconWrap">
                            <img src="./images/nav1.png" alt="">
                        </div>
                    </a>
                    <div class="navMessage">
                        <a href="">个人中心</a>
                    </div>
                </li>
                <li>
                    <a href="">
                        <div class="iconWrap">
                            <img src="./images/nav2.png" alt="">
                        </div>
                    </a>
                    <div class="navMessage">
                        <a href="">购物车</a>
                    </div>
                </li>
                <li>
                    <a href="">
                        <div class="iconWrap">
                            <img src="./images/nav3.png" alt="">
                        </div>
                    </a>
                    <div class="navMessage">
                        <a href="">收藏夹</a>
                    </div>
                </li>
                <li>
                    <a href="">
                        <div class="iconWrap">
                            <img src="./images/nav4.png" alt="">
                        </div>
                    </a>
                    <div class="navMessage">
                        <a href="">在线客服</a>
                    </div>
                </li>
                <li>
                    <a href="">
                        <div class="iconWrap">
                            <img src="./images/nav5.png" alt="">
                        </div>
                    </a>
                    <div class="navMessage">
                        <a href="">返回顶部</a>
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <!-- 右侧边客服 -->
    <div class="cusSer">
        <div class="cusSerIn">
            <div class="slide_min fs14">联系客服</div>
        </div>
    </div>
</body>

</html>